import {Layout} from '../../src/Layout';
export default Layout;

import {Divider} from '@react-spectrum/s2';
import docs from 'docs:@react-spectrum/s2';

export const tags = ['separator', 'hr', 'horizontal rule', 'line'];
export const description = 'Brings clarity to a layout by grouping and dividing content in close proximity.';

# Divider

<PageDescription>{docs.exports.Divider.description}</PageDescription>

<VisualExample
  component={Divider}
  docs={docs.exports.Divider}
  links={docs.links}
  props={['size', 'orientation', 'staticColor']}
  acceptOrientation
  importSource="@react-spectrum/s2"
  type="s2" />

## API

<PropTable component={docs.exports.Divider} links={docs.links} />
